/* pages/index/index.wxss */
page {
  // position: relative;
  // 轮播图start
  .index_swiper {
    margin-top: 200rpx;
    // position: fixed;
    // z-index:-1;
    // border-radius: 20rpx;
    overflow: hidden;
    swiper {
      width: 750rpx;
      height: 340rpx;
      image {
        width: 100%;
      }
    }
  }
  // end

  // 分类开始
  .index_fenlei {
    margin-top: 20rpx;
    width: 100%;
    height: 300rpx;
    //   background-color: aqua;
    .masters {
      // background-color: gold;
      height: 100%;
      // background-color: rebeccapurple;
      .m1 {
        text-align: center;
        float: left;
        //   background-color: hotpink;
        width: 25%;
        height: 50%;
        .user_icon {
          background-color: #ff9692;
          margin-top: 10rpx;
          width: 100rpx;
          height: 100rpx;
          border-radius: 50%;
          box-shadow: 10rpx 10rpx 16rpx gray;
        }
        .user_name {
          // color: white;
          font-size: 20rpx;
        }
      }
    }
  }
  // 分类end

  // 精选产品展示
  .index_production {
    // width: 90%;
    // 标题头
    .production_header {
      height: 100rpx;
      display: flex;
      align-items: center;
      justify-content: space-between;
      // background-color: pink;
      margin: 30rpx 30rpx;
      .header_l {
        display: flex;
        flex-direction: column;
        .hl1 {
          // margin: 0 30rpx;
        }
        .hl2 {
          font-weight: lighter;
          font-size: small;
          color: gray;
        }
      }
      .header_r {
        font-size: small;
        color: gray;
      }
    }

    // 商品展示
    .production_detail {
      overflow: hidden;
      margin: 30rpx 30rpx;
      height: 500rpx;
      background-color: skyblue;
      border-radius: 20rpx;
      border-radius: 20rpx;
      box-shadow: 8rpx 8rpx 16rpx gray;
      .pro_icon {
        width: 100%;
        height: 75%;
        background-color:#ff9692;
      }
      .pro_info {
        display: flex;
        justify-content: space-between;
        margin: 0 20rpx;
        .pro_info_l {
          display: flex;
          flex-direction: column;
          .pro_info_hl1 {
          }
          .pro_info_hl2 {
            font-weight: lighter;
            font-size: small;
            color: gray;
          }
        }
        .pro_info_r {
          margin-top: 40rpx;
          font-size: small;
          color: gray;
        }
      }
    }
  }
}
